body {
    background: #F4F5F9;
    color: #666
}
dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td {
    margin: 0;
    padding: 0
}
.clearfix: : after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}
.clearfix {
}
.cation-content {
    margin: 0 auto;
    padding: 0
}
.cation-content dl{
    border-bottom: 1px dashed #D2D2D2;
}
.cation-content dl:last-child {
    border-bottom: 0px;
}
.cation-middle {
    line-height: 48px;
    background: #fff;
    padding: 10px 20px 10px 10px;
    font-size: 14px
}
.cation-list {
    overflow: hidden;
}
.cation-list dt {
    float: left;
    width: 64px;
    font-weight: 700;
    line-height: 48px;
    position: relative;
    color: #333
}
: before,: after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.cation-list dt: after {
    content: "";
    position: absolute;
    right: 12px;
    top: 22px;
    border: 1px solid #333;
    border-width: 0 1px 1px 0;
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.cation-list dd {
    overflow: hidden;
}
.cation-list dd a {
    color: #8d8d91;
    font-size: 14px;
    height: 24px;
    float: left;
    padding: 0 10px;
    line-height: 24px;
    border-radius: 4px;
    margin: 7px;
    background: transparent
}
.cation-list dd a.on,.cation-list a:hover {
    color: #fff;
    background-color:#1890ff ;
}
.cation-list dd a: last-child {
    border-right: 0 none
}
.cation-list: last-of-type dd {
    border-bottom: 0 none
}
.yxt_course-list {
    min-height: 400px
}